<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>索客云商网站管理系统</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="resource/css/layui.css">
	<link rel="stylesheet" href="resource/css/common.css">
	<link rel="stylesheet" href="resource/css/index.css">
	<link rel="stylesheet" href="resource/ali/iconfont.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_880577_yoct48mqavp.css">
	<script src="resource/app/require.js"></script>
	<script src="resource/main.js"></script>
	<script src="resource/lib/jquery-1.10.1.min.js"></script>
	<script src="resource/js/layui.all.js"></script>
	<script src="resource/js/layui.js"></script>
</head>
<body>
	<div class="com-header">
		<div class="school-logo">
			<img src="resource/image/logo.png" alt="">
		</div>
		<div class="menu-btn">
			<i class="icon iconfont icon-zhanxiancaidan- iconnn iconnn-zk icon-act"></i>
			<i class="icon iconfont icon-suohuicaidan- iconnn iconnn-gb"></i>
		</div>
		<div class="right-gr">
			<a href="#"><i class="icon iconfont icon-gerenzhongxin"></i></a>
			<p class="p-welcome">你好，admin！</p>
			<a href="#" class="goout">安全退出</a>
		</div>
	</div>
	<div class="com-big-box">
		<div class="com-fixed-left">
			<a href="index.html" class="item item-act">
				<p>首页</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="#" class="item">
				<p>关于我们</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="manage.html" class="item">
				<p>产品中心</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="#" class="item">
				<p>新闻资讯</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="#" class="item">
				<p>联系我们</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="navManagement.html" class="item">
				<p>系统设置</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="user-permission.html" class="item">
				<p>用户权限</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="adm-msg.html" class="item">
				<p>扩展功能</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
		</div>
		<div class="com-page-wrapper">
			<div class="two-nav-box">
				<a href="javascript: void(0);" class="list list-act"><p>公司介绍</p></a>
				<a href="javascript: void(0);" class="list"><p>发展历程</p></a>
				<a href="javascript: void(0);" class="list"><p>资质荣誉</p></a>
			</div>
			<div class="sj_menu">
				<div class="navtxt">
					<p>公司介绍</p>
					<i class="icon iconfont icon-xia navicon"></i>
					<i class="icon iconfont icon-shang navicon"></i>
				</div>
				<div class="dropdown-menu">
					<a href="javascript:void(0);" class="lista">公司介绍</a>
					<a href="javascript:void(0);" class="lista">发展历程</a>
					<a href="javascript:void(0);" class="lista">资质荣誉</a>
				</div>
			</div>
			<div style="clear:both;"></div>
			<div class="connentBox">
				<form class="layui-form" action="">
					<!-- 表单输入框 -->
					<div class="layui-form-item">
						<label class="layui-form-label">输入框</label>
						<div class="layui-input-block">
							<input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
						</div>
					</div>

					<!-- 表单下拉选择框 -->
					<div class="layui-form-item">
							<label class="layui-form-label">单行选择框</label>
							<div class="layui-input-block">
								<select name="interest" lay-filter="aihao">
									<option value=""></option>
									<option value="0">写作</option>
									<option value="1" selected="">阅读</option>
									<option value="2">游戏</option>
									<option value="3">音乐</option>
									<option value="4">旅行</option>
								</select>
							</div>
					</div>

					<!-- 表单单选 -->
					<div class="layui-form-item">
							<label class="layui-form-label">单选框</label>
							<div class="layui-input-block">
								<input type="radio" name="sex" value="男" title="男">
								<input type="radio" name="sex" value="女" title="女" checked>
							</div>
					</div>

					<!-- 表单复选框 -->
					<div class="layui-form-item">
							<label class="layui-form-label">复选框</label>
							<div class="layui-input-block">
									<input type="checkbox" name="" title="写作" lay-skin="primary" checked>
									<input type="checkbox" name="" title="发呆" lay-skin="primary"> 
									<input type="checkbox" name="" title="禁用" lay-skin="primary" disabled> 
							</div>
					</div>
					<!-- 文本输入框 -->
					<div class="layui-form-item layui-form-text">
							<label class="layui-form-label">文本域</label>
							<div class="layui-input-block">
								<textarea name="desc" placeholder="请输入内容" class="layui-textarea" style="resize: none;"></textarea>
							</div>
					</div>
					<!-- 时间选择器 -->
					<div class="layui-form-item">
							<div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
								<label class="layui-form-label">开始时间</label>
								<div class="layui-input-block">
										<input type="text" class="layui-input" id="test1">
								</div>
							</div>
							<div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
								<label class="layui-form-label">结束时间</label>
								<div class="layui-input-block">
										<input type="text" class="layui-input" id="test2">
								</div>
							</div>
					</div>
				</form>

				<!-- 详情页编辑 -->
				<div class="edit_details_page">
					<p class="p-head">联系我们信息：</p>
					<div class="big_width">
						这是电脑端的详情编辑框地方
					</div>
					<div class="small_width">
							<p>移动端暂不支持富文本编辑，请使用电脑登录</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="com-alert-box">
		<div class="box">
			<div class="box-head"><p>Warning</p></div>
			<div class="box-bd">
				<p id="warn_txt"></p>
			</div>
			<div style="text-align: center;">
				<button id="qxalert" type="button" class="btn btn-primary">&nbsp;&nbsp; OK ! &nbsp;&nbsp;</button>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	// var jsname = 'util';

	require(['util'],function(de){
		de.xl_menu();
		de.topbtn();
		de.commonjs();
	})
</script>
<script>
	layui.use('form', function(){
  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
  
  //……
  
  //但是，如果你的HTML是动态生成的，自动渲染就会失效
  //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
  form.render();
});  
</script>
<script>
		layui.use('laydate', function(){
			var laydate = layui.laydate;
			
			//执行一个laydate实例
			laydate.render({
				elem: '#test1' //指定元素
			});
			//执行一个laydate实例
			laydate.render({
				elem: '#test2' //指定元素
			});
		});
</script>
</html>